{% extends "base.html" %}

{% block title %}Chat{% endblock %}

{% block content %}
    <h2>Chat</h2>
    <div id="body">
      <div id="inbox">
        {% for message in messages %}
          {% include "message.html" %}
        {% endfor %}
      </div>
      <div id="input">
        <form action="/a/message/new" method="post" id="messageform">
          <table>
            <tr>
              <td><input name="body" id="message" style="width:400px"/></td>
              <td style="padding-left:5px">
                <input type="submit" value="{{ _("Post") }}"/>
                <input type="hidden" name="next" value="{{ request.path }}"/>
              </td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="chat.js" type="text/javascript"></script>
{% endblock %}
